{% extends "layout.html" %}
{% block style %}
    <style>
        .subtitle {
            font-size: 16px;
            color: #3C3D41;
            margin-top: 8px;
        }

        .index_left {
            float: left;
            width: 485px;
            min-height: 700px;
        }

        .index_right {
            float: left;
            width: 147px;
            min-height: 700px;
        }

        .logo_table {
            width: 471px;
            margin-top: 20px;
            margin-bottom: 28px;
            border-color: gray;
        }

        .logo_table tr {
        }

        .logo_table td {
            border-color: #d3d3d3;
            height: 100px;
            width: 157px;
            text-align: center;
            border-width: 0 0 1px 0;
            border-style: solid;
        }

        .news_div {
            margin-top: 20px;
        }

        .news_item {
            height: 40px;
        }
    </style>
{% endblock %}

{% block content %}
    <div class="clearfix">
        <div class="index_left clearfix">
            <p class="subtitle">
                每日"云墙"
            </p>
            <table class="clean-table logo_table">
                <tbody>
                {% for row in todayproductsrows %}
                    <tr>
                        {% for product in row %}
                            <td>
                                <a target="_blank" href="{{ url_for('product',name=product.name) }}">
                                    <img style="max-width: 140px;max-height: 100px;" src="{{ product.logoUrl }}" alt=""/>
                                </a>
                            </td>
                        {% endfor %}
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <p class="subtitle">
                云计算新闻(每日更新)
            </p>

            <div class="news_div">
                {% for new in todaynews %}
                    <div class="news_item">
                        <div>{{ new.yml_date }}</div>
                        <div><a target="_blank" href="{{ new.link }}">{{ new.title }}</a></div>
                    </div>
                {% endfor %}
            </div>
        </div>
        <div class="index_right">
            <p class="subtitle" style="margin: 0px;">
                <a target="_blank" href="/about">关于本站</a>
            </p>

            <p>
                "云目录"是一个关于云服务与OpenAPI的网站，旨在推广与方便用户查找所需的云端服务。</p>

            <p class="subtitle">
                <a target="_blank" href="/kl">云知识</a>
            </p>


        </div>
    </div>
{% endblock %}
